﻿@*引入命名空间*@
@using Admin_jiaju.Core.Models;
@*强制规定传过来的类型*@
@model Designer

<form class="layui-form" id="frmAdd">
    <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
    <div class="layui-form-item">
        <div class="layui-input-block">
            <input type="hidden" name="Id" id="Id" value="@Model.Id" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">名称</label>
        <div class="layui-input-block">
            <input type="text" name="Name" id="Name" value="@Model.Name" placeholder="请输入名称" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">路径</label>
        <div class="layui-input-block">
            <input type="text" name="ImgUrl" id="ImgUrl" value="@Model.ImgUrl" placeholder="请输入路径" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">职务</label>
        <div class="layui-input-block">
            <select value="@Model.Position" name="Position" id="Position">
                <option value="">请选择职务</option>
                <option value="财务">财务</option>
                <option value="经理">经理</option>
                <option value="秘书">秘书</option>
                <option value="保安">保安</option>
                <option value="保洁">保洁</option>
                <option value="奴才">奴才</option>
            </select>
            @*<input value="@Model.Position" name="Position" id="Position" type="text"  placeholder="请输入职务" autocomplete="off" class="layui-input">*@
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="*">修改</button>
        </div>
    </div>
</form>
@section Scripts{
    <script>layui.use(['form', 'layer'], function () {
            var form = layui.form; //表单组件
            var $ = layui.$;
            var layer = layui.layer;//弹出层组件


            //监听提交事件sumbmit,*表示那个提交按钮，过滤器名
            form.on('submit(*)', function (data) {
                var str = $("#frmAdd").serialize();//表单序列化
                console.log(str);
                //$.post(地址,向服务器传的参数,回调函数,返回值类型)
                $.post("/Admin/Designer/Edit", str, function (re) {
                    parent.layer.msg("修改成功");//parent父窗体
                    parent.layui.$("#btnSearch").click();//调用你窗体中的查询按钮的单击事件实现，数据刷新
                    //当你在iframe页面关闭自身时
                    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                    parent.layer.close(index); //再执行关闭
                }, "text");
                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
            });
        });</script>
}